 <include file="public:head"/>	
     <div class="help-search">
    <div class="help-top">
    <span class="help-text">帮助与文档</span>
    <div class="search-zone">
      <div class="search-zone-inner">
        <input type="text" placeholder="请简单输入您的关键词，如“云服务器”">
        <span class="search-btn">搜全部</span>
      </div>
      <div class="hot-word">
        <span>搜索热词：</span>
        <a href="javascript:;">远程连接</a>
        <a href="javascript:;">服务器</a>
        <a href="javascript:;">挂载数据盘</a>
        <a href="javascript:;">域名解析</a>
        <a href="javascript:;">ssd云盘</a>
        <a href="javascript:;">实名认证</a>
        <a href="javascript:;">忘记密码</a>
      </div>
    </div>
    </div>
</div>
    <div id="bd" class="main-content">
        <div class="content-zone clearfix">
            <div class="left-bar">
                <ul class="intro-list">
                    <li class="all">全部产品</li>
                    <li class="open has-child">
                        <div class="item-name">产品简介<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                        <ul class="sub-intro">
                            <li class="open has-child">
                               <div class="item-name">产品概述<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                               <ul class="third-intro">
                                    <li class="current">产品名词解释</li>
                                    <li>产品功能</li>
                               </ul>
                            </li>
                            <li class="has-child">
                                <div class="item-name">伸缩模式<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                               <ul class="third-intro">
                                    <li>伸缩模式1</li>
                               </ul>
                            </li>
                            <li>产品优势</li>
                        </ul>
                    </li>
                    <li>
                        <div class="item-name">快速入门<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                     <li>
                        <div class="item-name">使用手册<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                     <li>
                        <div class="item-name">计量计费<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                     <li class="has-child">
                        <div class="item-name">API文档<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                        <ul class="sub-intro">
                            <li class="open has-child">
                               <div class="item-name">产品概述<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                               <ul class="third-intro">
                                    <li>产品名词解释</li>
                                    <li>产品功能</li>
                               </ul>
                            </li>
                            <li class="has-child">
                                <div class="item-name">伸缩模式<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                               <ul class="third-intro">
                                    <li>伸缩模式1</li>
                               </ul>
                            </li>
                            <li>产品优势</li>
                        </ul>
                    </li>
                     <li>
                        <div class="item-name">常见问题<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                     <li>
                        <div class="item-name">服务条款<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                    <li>
                        <div class="item-name">产品相关问题<i class="iconfont xiangshang">&#xe614;</i><i class="iconfont xiangxia">&#xe615;</i></div>
                    </li>
                </ul>
            </div>
            <div class="real-content">
                <div class="real-content-inner">
                    <div class="crumbs">
                        <a href="javascript:;">全部产品</a>
                        <span>&gt;</span>
                        <a href="javascript:;">产品简介</a>
                         <span>&gt;</span>
                        <span>产品概述</span>
                    </div>
                    <div class="intro-word">产品概述</div>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <p>访问量波动大的<a href="javascript:;">&nbsp;APP&nbsp;或网站</a></p>
                    <p>云服务器ECS应用非常广泛，既可以作为简单的WEB服务器，也可以与其他阿里云产品（如OSS、CDN等）搭配提供强大的多媒体解决方案，以下是云服务器ECS的典型应用场景</p>
                    <div class="is-helpful">
                        <span>以上内容是否对你有帮助？</span>
                        <a href="javascript:;" class="yes focus">是</a>
                        <a href="javascript:;" class="no">否</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <include file="public:foot"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">

    $('.item-name').on('click', function (ev) {
        var $par = $(this).closest('li');
        $par.siblings().removeClass('open');
        $par.toggleClass('open');
        return false;
    });

    $('.intro-list').on('click','li', function (ev) {
        $('.intro-list li').removeClass('current');
        if(!$(this).hasClass('has-child')){
             $(this).addClass('current');
        }
        return false;
    });

    </script>
</body>
</html>